<template>
  <div>
    <!-- 
     v-model:双向绑定，它是语法糖
        <子组件标签  :value="父组件属性" @input="父组件属性=$event" />
        <子组件标签  v-model="父组件属性"  />
        子组件内:
        props:['value'] ,
        model:{
          prop:'value',
          event:'input'
        },  
        this.$emit('input',实参值)     -->
    <h1>我是父组件</h1>
    <!-- <Test :value="num" @input="num = $event"></Test> -->
    <Test v-model="num"></Test>
  </div>
</template>
<script>
import Test from './components/test.vue'
export default {
  components: {
    Test
  },
  data () {
    return {
      num: 1
    }
  }
}
</script>
<style></style>
